<div style="height: 20px;width: 100%; background-color: #F2F2F2;border-bottom: 1px solid #f4f4f4"></div>
<div class="myFriendList">
    <table>
        <tr  ng-repeat="coll in collectArr"  ng-click="checkDetails($index)">
            <td style="width:17%;padding-left: 5px">
                <img class="avatar" ng-src="{{coll.head_url}}"/>
                <span class="badge">{{coll.messageCount > 0 ? coll.messageCount : ""}}</span>
            </td>
            <td style="width:5%;" ng-click="hxCom($index)">&nbsp;</td>
            <td style="width:25%;color: #000;" ng-click="hxCom($index)">
                {{coll.name}}
            </td>
            <td style="width:25%;color: #000;" ng-click="hxCom($index)">
                {{coll.province}}
            </td>
            <td style="width:20%;color: #000;" ng-click="hxCom($index)">
                {{coll.constellation}}
            </td>
            <td style="width:8%;" ng-click="hxCom($index)">
                <img class="detail" src="img/detail.png" />
            </td>
        </tr>
    </table>
</div>